<template>
  <div class="stayComplete">
    <div class="workBox">
      <router-link to="/SaleOut" activeClass="active" replace>
        <div class="over">
          销售出库分析报表
        </div>
      </router-link>
      <router-link to="/Sale" activeClass="active" replace>
        <div class="wait">
          产品库存及历史销量分析
        </div>
      </router-link>
    </div>
    <router-view></router-view>
  </div>
</template>
<script> 
export default {
  name: "component_name",
  data() {
    return {
      sumModel: {}
    };
  },
  methods: {
   
  },
  created: function() {
   
  }
};
</script>
<style lang="css" scoped>
.stayComplete {
  margin-top: 0.8rem;
}
.workBox {
  width: 100%;
  border-bottom: 1px solid #f8f8f8;
  position: absolute;
  z-index: 9999;
  margin-bottom: 1rem;
}

.over,
.wait {
  display: inline-block;
  width: 50%;
  height: 3.5rem;
  line-height: 3.7rem;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;

  color: #c7c7c7;
  letter-spacing: 0.92px;
  background: #fff;
}

.over {
  position: absolute;
  right: 0;
  top: 0rem;
}

.active div {
  background: #175aa9;
  color: #fff;
}
</style>